<template>
  <span
    style="cursor: pointer; margin-left: 10px; font-size: 14px; color: #e2b972"
  >
    <i
      :style="{
        verticalAlign: 'middle',
        fontSize: '18px',
        ...styleProp,
      }"
      class="iconfont"
      >{{ icon }}</i
    >
    <span class="text">{{ text }}</span>
  </span>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "Operate",
  props: ["text", "icon", "styleProp"],
  setup() {
    return {};
  },
});
</script>
<style scoped lang="scss">
.text {
  margin-left: 10px;
  vertical-align: middle;
}
</style>
